
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap, from Twitter</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="__PUBLIC__/bootstrap/css/bootstrap.css" rel="stylesheet">


    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <script src="__PUBLIC__/admin/js/jquery.js"></script>
  </head>

  <body>

    <div class="container">

      <div class="masthead">
        <h3 class="muted" style="margin-top:30px;margin-bottom:30px;">Project name</h3>
        <div class="navbar">
          <div class="navbar-inner">
            <div class="container">
              <ul class="nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Projects</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Downloads</a></li>
                <li><a href="#">About</a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Action</a></li>
                    <li class="dropdown-submenu">
                      <a tabindex="-1" href="#">More options</a>
                      <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Action</a></li>
                      </ul>
                  </li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </div><!-- /.navbar -->
      </div>

      <!-- Jumbotron -->
      <div class="jumbotron">
        <div class="bs-docs-example">
          <div id="myCarousel" class="carousel slide">
            <div class="carousel-inner">
              <div class="item next left">
                <img style="width:940px;height:400px" src="__PUBLIC__/home/images/bootstrap-mdo-sfmoma-01.jpg" alt="">
                <div class="carousel-caption">
                  <h4>First Thumbnail label</h4>
                  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                </div>
              </div>
              <div class="item">
                <img style="width:940px;height:400px" src="__PUBLIC__/home/images/bootstrap-mdo-sfmoma-02.jpg" alt="">
                <div class="carousel-caption">
                  <h4>Second Thumbnail label</h4>
                  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                </div>
              </div>
              <div class="item active left">
                <img style="width:940px;height:400px" src="__PUBLIC__/home/images/bootstrap-mdo-sfmoma-03.jpg" alt="">
                <div class="carousel-caption">
                  <h4>Third Thumbnail label</h4>
                  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                </div>
              </div>
            </div>
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
          </div>
        </div>
      </div>

      <hr>

      <!-- Example row of columns -->
      <h2>Highly customizable</h2>
      <p>With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.</p>
      <div class="row-fluid">
            <ul class="thumbnails">
              <li class="span4">
                <div class="thumbnail">
                  <img data-src="holder.js/300x200" alt="300x200" style="width: 300px; height: 200px; " src="">
                  <div class="caption">
                    <h3>Thumbnail label</h3>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn">Action</a></p>
                  </div>
                </div>
              </li>
              <li class="span4">
                <div class="thumbnail">
                  <img data-src="holder.js/300x200" alt="300x200" style="width: 300px; height: 200px; " src="">
                  <div class="caption">
                    <h3>Thumbnail label</h3>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn">Action</a></p>
                  </div>
                </div>
              </li>
              <li class="span4">
                <div class="thumbnail">
                  <img data-src="holder.js/300x200" alt="300x200" style="width: 300px; height: 200px; " src="">
                  <div class="caption">
                    <h3>Thumbnail label</h3>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn">Action</a></p>
                  </div>
                </div>
              </li>
            </ul>
          </div>

      <hr>

      <div class="footer">
        <div class="row-fluid">
          <ul class="inline">
          <li class="span2">
            <dl>
              <dt>Thumbnail label</dt>
              <dd><i class="icon-play"></i>Cras justo odio</dd>
            </dl>
          </li>
          <li class="span2">
            <dl>
              <dt>Thumbnail label</dt>
              <dd><a href="#"><i class="icon-play"></i>Cras justo odio</a></dd>
              <dd><i class="icon-play"></i>Cras justo odio</dd>
              <dd><i class="icon-play"></i>Cras justo odio</dd>
              <dd><i class="icon-play"></i>Cras justo odio</dd>
            </dl>
          </li>
          <li class="span2">
            <dl>
              <dt>Thumbnail label</dt>
              <dd><i class="icon-play"></i>Cras justo odio</dd>
            </dl>
          </li>
          <li class="span5 offset1" style="border:1px solid #eee;height:100px;">
            <dl>
              <dt>Thumbnail label</dt>
              <dd><i class="icon-play"></i>Cras justo odio</dd>
            </dl>
          </li>
         </ul>
        </div>
        
        
        <p style="text-align:center;">&copy; Company 2012 Code licensed under Apache License v2.0, documentation under CC BY 3.0</p>
        <!-- <img src="__APP__/Index/verify" alt=""> -->
      </div>

    </div> <!-- /container -->


    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="__PUBLIC__/bootstrap/js/bootstrap.min.js"></script>

    <script src="__PUBLIC__/bootstrap/js/holder/holder.js"></script>
    <script src="__PUBLIC__/bootstrap/js/google-code-prettify/prettify.js"></script>

    <script src="__PUBLIC__/bootstrap/js/application.js"></script>

  </body>
</html>
